<!DOCTYPE html>
<html lang="en" style="font-size: 14px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title></title>

    <script src = "./static/js/polyfill.min.js"></script>
    <script src="./static/js/jquery.min.js"></script>
    <link href="./static/css/animate.min.css" rel="stylesheet">
    <script src="./static/js/handlebars.min.js"></script>
    <link href="./static/css/reset.css" rel="stylesheet">

    <script src="./static/js/jquery.i18n.properties-1.0.9.js"></script>
</head>

<body>
    <div id="app" class="animated fadeIn">
        <header id="header"></header>
        <main id="main" class="demo2_main">
            <div class="banner" style="background: url('./static/img/temp2.png') no-repeat center center;background-size: cover;"></div>
            <div class="listblock_list main_width" id="placeholder_listblock">

            </div>
            <div class="tempk" style="background: #F9FAFD">
                <div class="temp main_width">
                    <div class="temp_imgk animated tempimg1">
                        <img class="temp_img" src="./static/img/temp2.png" alt="">
                    </div>
                    <div class="temp_info animated tempinfo1">
                        <div class="temp_title">
                            提示框
                        </div>
                        <div class="temp_text">
                            常用于主动操作后的反馈提示。
                        </div>
                        <div class="temp_btn showSuccess">
                            示例
                        </div>
                    </div>
                </div>
            </div>
            <div class="tempk">
                <div class="temp main_width">
                    <div class="temp_info animated tempinfo2">
                        <div class="temp_title">
                            错误框
                        </div>
                        <div class="temp_text">
                            用于页面中展示重要的错误提示信息。
                        </div>
                        <div class="temp_btn showError">
                            示例
                        </div>
                    </div>
                    <div class="temp_imgk animated tempimg2">
                        <img class="temp_img" src="./static/img/temp3.png" alt="">
                    </div>
                </div>
            </div>
            <div class="tempk" style="background: #F9FAFD">
                <div class="temp main_width">
                    <div class="temp_imgk animated tempimg3">
                        <img class="temp_img" src="./static/img/temp1.png" alt="">
                    </div>
                    <div class="temp_info animated tempinfo3">
                        <div class="temp_title">
                            loading
                        </div>
                        <div class="temp_text">
                            加载数据时显示动效。
                        </div>
                        <div class="temp_btn showloading">
                            示例
                        </div>
                    </div>
                </div>
            </div>
            <div class="tempk">
                <div class="temp main_width">
                    <div class="temp_info animated tempinfo4">
                        <div class="temp_title">
                            确认框
                        </div>
                        <div class="temp_text">
                            在保留当前页面状态的情况下，告知用户并承载相关操作。
                        </div>
                        <div class="temp_btn showconfim">
                            示例
                        </div>
                    </div>
                    <div class="temp_imgk animated tempimg4">
                        <img class="temp_img" src="./static/img/temp2.png" alt="">
                    </div>
                </div>
            </div>
            <script id="template_listblock" type="text/x-handlebars-template">
                {{#datas}}
                    <div class="listblock_item">
                        <div class="item_imgk">
                            <img class="item_img" src="{{url}}" alt="">
                        </div>
                        <a href="./index.html?pid={{id}}">
                            <div class="item_title">{{name}}</div>
                            <div class="item_text">{{duction}}</div>
                        </a>
                    </div>
                {{/datas}}
            </script>
        </main>
    </div>
</body>
</html>
